{extend name="../../tp/view/common/base_a"/}
<!---->
{block name="title"} a 链接 {/block}
<!--style 表内样式-->
{block name='headstyle'}
<style>
   
    li{
        list-style-type:none; /*去掉小圆点*/  
    }
    .zong li{
          float:left; /* 向左漂移，将竖排变为横排 */
    }
    /*
    *定义为块级元素
    */
    a:link{  /*未点击  手机 被点击状态（手机只有点击和没点击状态）*/
        display: block;
        width:12em;
        padding: 0.2em;
        line-height: 2.4;
        background-color: blue;
        border:1px solid black;
        color:#000;
        text-align:center;
    }
    a:visited{   /*大屏幕 点击后状态 不再改变 */
        display: block;
        width:12em;
        padding: 0.2em;
        line-height: 2.4;
        background-color: red;
        border:1px solid black;
        color:#000;
        text-align:center;
    }

    /*
    *悬停
    */
    a:hover{    /*大屏幕 悬停状态 手机 被点击状态（手机只有点击和没点击状态）*/
        background-color: #369;
        color: #fff;
    }

</style>
{/block}

<!---->
{block name="nav"}
<div class="container-fluid">
  <ul>
<li> <a href="#baidu9">id型链接 a在里面</a></li>
<li> <a href="#baidu10">id型链接 a在里面</a></li>
<li> <a href="#baidu11">id型链接 a在里面</a></li>
<li> <a href="http://www.2018a.com" target="_black">id型链接 a在里面</a></li>
<li> <a href="http://www.baidu.com" target="_black">id型链接 a在里面</a></li>

  </ul>

  <ul class='zong'>
    <li> <a href="#baidu12">id型链接 a在里面</a></li>
    <li> <a href="#baidu13">id型链接 a在里面</a></li>
    <li> <a href="#baidu14">id型链接 a在里面</a></li>
   
</ul>

</div>


{/block}

<!--功能代码区-->
{block name="daima_gongneng"}
<pre>
页面下 li要在a的外面
&lt;li&gt; &lt;a href="#baidu12"&gt;id型链接 a在里面&lt;/a&gt;&lt;/li&gt;
<hr style="height:2px;border:none;border-top:2px dotted #185598"/>
css
li{
    list-style-type:none; /*去掉小圆点*/  
}
.zong li{
      float:left; /* 向左漂移，将竖排变为横排 */
}
/*
*定义为块级元素
*/
a:link{    /*未点击  手机 被点击状态（手机只有点击和没点击状态）*/
    display: block;
    width:12em;
    padding: 0.2em;
    line-height: 2.4;
    background-color: blue;
    border:1px solid black;
    color:#000;
    text-align:center;
}
a:visited{     /*大屏幕 点击后状态 不再改变 */
    display: block;
    width:12em;
    padding: 0.2em;
    line-height: 2.4;
    background-color: red;
    border:1px solid black;
    color:#000;
    text-align:center;
}

/*
*悬停
*/
a:hover{         /*大屏幕 悬停状态 手机 被点击状态（手机只有点击和没点击状态）*/
    background-color: #369;
    color: #fff;
}



</pre>
{/block}